Form Elements

There are various form elements contained in FLAT PLUS, custom select controls, custom checkbox & radio controls, custom input controls with & without appended / prepended elements (icons, dropdowns, dropups, groups), toggle (on/off) buttons, icons & many more.

Toggle buttons

Input controls

Default Inputs

A block of help text that breaks onto a new line and may extend beyond one line.

Extended

@

Combined

$ .00

Checkbox

Horizontal Form

mosaicpro

Form in Modals

Modal Example 1 Modal Example 2 Modal Example 3

Buttons

Radio



File controls

File upload widget

Select fileChangeRemove

File upload button

Select fileChange ×

WYSIHTML5 Editor

Loading button

Toggle button

Toggle checkbox style

Toggle radio style

Select controls

Default
Extended
Styles
Grid

Advanced Select controls

Basics
Multi-Value Select Boxes
Placeholders
Tagging Support
Disabled Mode
Templating

Input Masks

d/m/y mask
Changing placeholder
Multi-char placeholder
€ 999.999.999,99
(999) 999-9999
Multi-char placeholder
Allow numbers & decimals
999-99-9999

Date Picker

Default input

Default component

Today Button

Time Pickers

Default timepicker.

Without component markup and keyboard input disabled.

Without a template.

Inside a modal with 24hr mode and seconds enabled.

Inside a modal with backdrop enabled, inputs disabled and with a preset value.

Open Modal

Color picker

Calendar